<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联想lenovo中国商城</title>
    <link rel="stylesheet" href="../styles/common.css">
    <link rel="stylesheet" href="../styles/herader.css">
    <link rel="stylesheet" href="../styles/index.css">
    <link rel="stylesheet" href="../styles/welfare.css">
    <link rel="stylesheet" href="../styles/seckill.css">
    <link rel="stylesheet" href="../styles/product.css">
    <link rel="stylesheet" href="../styles/shopFooter.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/banner.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.min.css">
</head>
<body>
    <!-- header -->
    <div class="header">
        <div class="log">
            <a href="#"></a>
        </div>
        <div class="header_nav">
            <div class="content">
                <ul>
                    <li><a href="#">联想首页</a></li>
                    <li><a href="#">商城</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">门店</a></li>
                    <li><a href="#">手机版</a></li>
                </ul>
            </div>
        </div>
        <div class="header_l">
            <div class="search_btn">
                    <img src="https://p4.lefile.cn/product/adminweb/2018/12/29/f26ff743-3f82-4072-b27a-193f0e9ad675.png" alt="">
            </div>
            <div class="login">
                <a href="../html/login.html#r" class="register">注册</a>
                <i class="line"></i>
                <a href="../html/login.html#l" class="SignIn">登录</a>
                <i class="bubble">
                    <a href="javascript:;" class="bubble_content">
                        注册送188元大礼包
                        <img src="https://p2.lefile.cn/product/adminweb/2019/01/18/fbd80d7a-1078-42cd-9558-53e374aada77.png" alt="">
                    </a>
                </i>
            </div>
            <div class="login_show">
                <ul class="clear">
                    <li class="user">
                        <span class="userName"></span>
                        <img class="userLeve" src="https://p3.lefile.cn/product/adminweb/2019/01/22/f1d4b5d5-b229-4bb5-93f4-7f0e64b274fe.png" alt="">
                    </li>
                    <li class="car">
                        <a href="../html/carts.html">
                            <img src="https://p2.lefile.cn/product/adminweb/2019/01/18/9f0e8935-982b-4ca9-8772-28da55bd3c5e.png" alt="">
                            <span class="shopCount">0</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="phone">
                <img src="https://p1.lefile.cn/product/adminweb/2019/01/18/c8f87ce8-1e14-4bb3-854e-f86af0f07072.png" alt="">
                <div class="phone_hove">
                    <div class="phone_hove_main">
                        <img src="https://p2.lefile.cn/product/adminweb/2019/01/21/cb6cb783-ef71-4248-9996-3602a7906600.jpg" alt="">
                        <span class="phone_hove_title">
                            联想客户端
                            <span>
                                下载即享
                                <br>
                                188元新人礼
                            </span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="header_box">
            <ul class="box_ul">
                <li><a href="#">私人定制</a></li>
                <li><a href="#">极速到家</a></li>
                <li><a href="#">合伙人</a></li>
                <li><a href="#">依旧换新</a></li>
                <li><a href="#">0元试用</a></li>
                <li><a href="#">企业采购</a></li>
                <li><a href="#">积分商城</a></li>
            </ul>
            <div class="search">
                <div class="search_text">
                    <div class="search_input"></div>
                    <a href="#" class="search_img">
                        <span></span>
                    </a>
                    <input type="text" placeholder="ThinkPad X1 Carbon LTE版">
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播 -->
    <div class="banner">
        <div class="wrapper swiper-container">
            <ul class="swiper-wrapper">
                <li class="swiper-slide"><a href="#"></a></li>
                <li class="swiper-slide"><a href="#"></a></li>
                <li class="swiper-slide"><a href="#"></a></li>
                <li class="swiper-slide"><a href="#"></a></li>
                <li class="swiper-slide"><a href="#"></a></li>
                <li class="swiper-slide"><a href="#"></a></li>
            </ul>
        </div>
        <div class="swiper-pagination"></div>
        <span class="swiper-button-prev swiper-button-white prev"></span>
        <span class="swiper-button-next next swiper-button-white"></span>
        <div class="shop_nav">
            <div class="nav">
                <ul>
                    <!-- <li>
                        <div>
                            <a href="#" class="list_nm">
                                Lenovo电脑
                                <span class="list_item"></span>
                            </a>
                            <div class="list_cont">
                                <div class="list_lt">
                                    <div class="list_lta">
                                        <p>
                                            <a href="#">游戏本</a>
                                            <ul class="clear">
                                                <li>
                                                    <a href="#">拯救者</a>
                                                </li>
                                            </ul>
                                        </p>
                                    </div>
                                </div>
                                <div class="list_rt">
                                    <a href="#">
                                        <img src="https://p1.lefile.cn/product/adminweb/2019/07/15/f038d500-96fa-4663-a28d-e4142e372ebd.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <!-- 会员福利导航 今日秒杀 -->
    <div class="welfare">
        <div class="w1200">
            <ul class="welfare_list">
                <li>
                    <a href="#">
                        <img src="https://p2.lefile.cn/product/adminweb/2018/05/31/933dd26e-6c29-4b4a-af31-5564dc35f4ff.png" alt="" class="img">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/05/31/bad26f63-5656-46b3-a20d-7f190ce97037.png" class="hover_img">
                        <p class="welfare_text">会员福利</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/07/28/d5b3a1d0-c475-4780-98d8-f2955618f6b4.png" alt="" class="img">
                        <img src="https://p1.lefile.cn/product/adminweb/2018/07/28/947f8425-65d3-464f-8eee-acd71613c65f.png" class="hover_img">
                        <p class="welfare_text">领券中心</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p1.lefile.cn/product/adminweb/2018/05/31/d0bd2d77-3ec6-430d-bde5-17f76f0d7864.png" alt="" class="img">
                        <img src="https://p2.lefile.cn/product/adminweb/2018/05/31/cc876eb2-87b0-4aaa-bda3-e41cb86c251e.png" class="hover_img">
                        <p class="welfare_text">驱动下载</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p2.lefile.cn/product/adminweb/2018/05/31/13cce9d5-93f2-46f9-806f-e8d9d15b750e.png" alt="" class="img">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/05/31/b27b4810-156a-4f7a-bdca-f78714869582.png" class="hover_img">
                        <p class="welfare_text">小新铺子</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/05/31/a9a066ed-a8e6-45c6-a8d1-49ff43b7bf9e.png" alt="" class="img">
                        <img src="https://p4.lefile.cn/product/adminweb/2018/05/31/c617f448-8f0d-47bf-abb0-20e9bf57df2f.png" class="hover_img">
                        <p class="welfare_text">拯救者联盟</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p2.lefile.cn/product/adminweb/2018/08/13/c431d883-f57c-43ad-b3e7-f7535a213570.png" alt="" class="img">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/08/13/b5e75562-b651-44a7-b15e-24ee3071e488.png" class="hover_img">
                        <p class="welfare_text">Think家族</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p2.lefile.cn/product/adminweb/2018/05/31/f090e662-843a-4d06-a195-3ecd10f07903.png" alt="" class="img">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/05/31/48503e0e-c342-453d-8bf6-7fe8e7e12f77.png" class="hover_img">
                        <p class="welfare_text">手机馆</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p4.lefile.cn/product/adminweb/2018/05/31/71b9b032-41c1-4690-a724-94a3db221867.png" alt="" class="img">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/05/31/3eedc66f-dc6f-4f15-8437-44ed819d66b5.png" class="hover_img">
                        <p class="welfare_text">智能馆</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://p3.lefile.cn/product/adminweb/2018/05/31/c87fd931-39ea-4c03-99ce-2afa3b566157.png" alt="" class="img">
                        <img src="https://p2.lefile.cn/product/adminweb/2018/05/31/7fb52d2e-21e0-430a-ada1-6878579e2c86.png" class="hover_img">
                        <p class="welfare_text">联想校园</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 今日秒杀 -->
    <div class="seckill floor_box">
        <div class="w1200">
            <div class="continue">
                <div class="B-wrapper">
                    <div class="left_box">
                        <div class="time_star">14:00场</div>
                        <div class="coupon_text">距离秒杀结束还剩</div>
                        <div class="coupon_star">即将开始</div>
                        <div class="conttime">
                            <span class="hours">00</span>
                            <span class="minutes" >00</span>
                            <span class="seconds">00</span>
                        </div>
                    </div>
                    <div class="right_box">
                        <!-- <div class="box_goods">
                            <a href="#" class="goods_img"></a>
                            <div class="goods_price">
                                <a href="#" class="price_title">
                                    ideacentre AIO 520C-24ICB 23.8英寸一体台式机 白色
                                </a>
                                <div class="price_box">
                                    <div class="price_left">
                                        <p>
                                            <span class="price">
                                                <a href="#">
                                                        <span>￥</span>
                                                        3799.00
                                                </a>
                                            </span>
                                            <span class="old_price">
                                                <span>￥</span>
                                                3899
                                            </span>
                                        </p>
                                    </div>
                                    <div class="price_right">
                                        <a href="#">已经售罄</a>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼层部分 -->
    <div class="prduct">
        <div class="w1200">
            <div class="floor_wrapper">
                <!-- <div class="floor_box clear"> -->
                    <!-- <div class="floor_title">
                        <h3>1F Lenovo 电脑</h3>
                        <div class="floor_links">
                            <a href="#">YOGA系列</a>
                            <a href="#" class="floor_more">更多</a>
                        </div>
                    </div>
                    <div class="floor_img">
                        <div class="floor_left">
                            <a href="#"></a>
                        </div>
                        <div class="floor_right">
                            <div class="floor_item">
                                <a href="#" class="pro_img">
                                    <img src="https://p1.lefile.cn/product/adminweb/2019/04/26/caOZnluiEWuHMv8wVPH5XIEDA-0222.w164.jpg" alt="">
                                </a>
                                <a href="#"class="pro_name"> 
                                    拯救者 Y7000 2019高色域 英特尔酷睿i5 15.6英寸游戏笔记本 黑色
                                </a>
                                <a href="#" class="pro_description">
                                    测试文本
                                </a>
                                <p>
                                    <a href="#" class="pro_price">
                                        ￥6399
                                    </a>
                                </p>
                                <span class="floor_lable"></span>
                            </div>
                        </div>
                    </div> -->
                <!-- </div> -->
            </div>
        </div>
    </div>
    <!-- 楼梯 -->
    <div class="floor">
        <ul>
            <li>
                <a href="javascript:void(0)">
                    <span class="ns_star"></span>
                    <em class="ns_blue">闪购</em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>1F</span>
                    <em>
                        lenove
                        <br>
                        电脑
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>2F</span>
                    <em>
                        lenove
                        <br>
                        台式
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>3F</span>
                    <em>
                        手机
                        <br>
                        电脑
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>4F</span>
                    <em>
                        Think
                        <br>
                        电脑
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>5F</span>
                    <em>
                        电脑
                        <br>
                        平板
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>6F</span>
                    <em>
                        服务
                        <br>
                        升级
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>7F</span>
                    <em>
                        选件
                    </em>
                </a>
            </li>
            <li class="ns_line"></li>
            <li>
                <a href="javascript:void(0)">
                    <span>8F</span>
                    <em>
                        智能
                        <br>
                        生活
                    </em>
                </a>
            </li>
        </ul>
    </div>
    <!-- 商品底部 -->
    <div class="shop_footer">
        <div class="shop_F_title">
            <img src="https://p3.lefile.cn/product/adminweb/2016/04/25/8518047e-a59d-4123-ad1f-4a68391ec161.jpg" alt="">
        </div>
        <div class="shop_F_link">
            <div class="w1200">
                <div class="S_F_L_main">
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">配送方式</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl class="padding_none">
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <ul class="footer_top clear">
            <li class="about_lenovo">
                <a href="#" class="footer_top_title">关于联想</a>
                <a href="#">投资者关系</a>
                <a href="#">加入我们</a>
                <a href="#">联系我们</a>
                <a href="#">销售网点查询</a>
                <a href="#">服务网点查询</a>                
            </li>
            <li class="shop_lenovo">
                <a href="#" class="footer_top_title">联想商城</a>
                <a href="#">0元试用</a>
                <a href="#">极速到家</a>
                <a href="#">联想合伙人</a>
                <a href="#">私人定制</a>
                <a href="#">以旧换新</a>    
                <a href="#">联想众筹</a>                
            </li>
            <li class="service_lenovo">
                <a href="#" class="footer_top_title">联想服务</a>
                <a href="#">驱动与软件下载</a>
                <a href="#">联想知识库</a>
                <a href="#">24小时智能客服</a>
                <a href="#">保修配置查询</a>
                <a href="#">服务政策查询</a>  
                <a href="#">上门快修</a>                
                <a href="#">延长保修</a>
                <a href="#">联想IT管理服务</a>                
            </li>
            <li class="lenovo_website_group">
                <a href="#" class="footer_top_title">联想网站群</a>
                <a href="#">联想创投</a>
                <a href="#">聚享汇</a>
                <a href="#">联想电脑管家</a>
                <a href="#">联想超融合</a>
                <a href="#">联想研究院</a>  
                <a href="#">智慧医疗</a>                
                <a href="#">联想百应平台</a>                
                <a href="#">联想租赁商城</a>                
                <a href="#">联想企业网盘</a>                
                <a href="#">ThinkPad官网</a>                
                <a href="#">lecoo商城</a>                
                <a href="#">联想大数据</a>                
            </li>
            <li class="share">
                <h6>联想官方社交平台</h6>
                <ul class="share_list clear">
                    <li>
                        <a href="#">
                            <p class="qqzone"></p>
                            <p class="lightqqzone"></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p class="weibo"></p>
                            <p class="lightweibo"></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p class="fun_icon"></p>
                            <p class="light_fun_icon"></p>
                        </a>
                    </li>
                </ul>
                <div class="clear">
                    <a href="#" class="weibo_icon">
                        <p class="wei_bo"></p>
                        <p class="light_wei_bo"></p>
                    </a>
                    <a href="#" class="tieba_icon">
                        <p class="tieba"></p>
                        <p class="light_tieba"></p>
                    </a>
                </div>
                <div class="select_country">选择国家和地区</div>
                <div class="country_options">
                    <div class="all_country">
                        <ul>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                        </ul>
                    </div>
                    <div class="cn_img"></div>
                </div>
            </li>
        </ul>
        <div class="footer_bot">
            <div class="footer_bot_content clear">
                <div class="footer_bot_l ">
                    版权所有：1998-2019 联想集团
                    <span>|</span> 
                    <a href="#">法律公告</a>
                    <span>|</span> 
                    <a href="#">隐私权政策</a>
                    <span>|</span> 
                    <a href="#">产品安全</a>
                </div>
                <div class="footer_bot_r">
                    <a href="#">京ICP备11035381</a>
                    <span>|</span>
                    <i>京公网安备110108007970号</i>
                    <span>|</span>
                    <a href="#">营业执照：91110108700000458B</a>
                </div>
            </div>
        </div>
    </div>
    
    <script src="../scripts/libs/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
    <script type="module">
            import index from "../scripts/index.js";
    </script>
    <script>
        new Swiper(".swiper-container",{
            effect : 'fade',
            fadeEffect: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            pagination: {
                el: '.swiper-pagination',
                bulletClass :"my-bullet",
                bulletActiveClass: 'my-bullet-active',
                clickable :true,
            },
            loop:true,
            autoplay:{
                disableOnInteraction: false,
            }
            
        })
    </script>
</body>
</html>